<transition :name="transitionName">
    <cs-page class="cs-admin" :class="{ 'top-layer':topLayer }">
        <cs-header title="Popup">
            <router-link to="/Main/JSComponents" slot="left">
                <cs-button icon="fa fa-chevron-left">Back</cs-button>
            </router-link>
        </cs-header>
        <cs-contenter>
            <div class="section-container">
                <h1><i class="fa fa-puzzle-piece"></i>Popup</h1>
            </div>
            <div class="section-container" style="position: absolute;top:45%; width:100%;box-sizing:border-box;transform: translate3d(0,-50%,0)">
                <div class="cs-button-group">
                    <cs-button size="large" type="primary" @click.native="Popup">中部弹出</cs-button>
                </div>
            </div>
        </cs-contenter>
        <cs-popup v-model="popupVisible">
            <h1>哈哈哈</h1>
        </cs-popup>
    </cs-page>
</transition>